.wrapper {

    margin: 10px auto 0;

    font-size: 12px;

    overflow: hidden;

}



.clear {

    clear: both;

}



.wrapper .left {

    float: left;

    margin-left: 10px;;

}



.wrapper .right {

    float: right;

    margin-right: 10px;

    border-left: 2px dotted #EDEDED;

    padding-left: 15px;

}



.section {

    margin-bottom: 20px;

    overflow: hidden;

}



.section h3 {

    font-weight: bold;

    padding: 5px 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #EDEDED;

    font-size: 12px;

}



.section ul {

    list-style: none;

    overflow: hidden;

}



.section li {

    float: left;

}



.section .tone {

    width: 80px;;

}



.section .preview {

    width: 220px;

}



.section .preview table {

    text-align: center;

    vertical-align: middle;

    color: #666;

}



.section .preview caption {

    font-weight: bold;

}



.section .preview td {

    border-width: 1px;

    border-style: solid;

    height: 22px;

}



.section .preview th {

    border-style: solid;

    border-color: #DDD;

    border-width: 2px 1px 1px 1px;

    height: 22px;

    background-color: #F7F7F7;

}